/*首页*/
.swiper-container{height:43.8vw;}
#header{padding-top:2vw;padding-bottom: 2vw}
.header_logo img{width:14.2vw;height:8vw;}
.header_nav .home{width:3.2vw;height:2.9vw;display: block;background: url(../images/home.jpg) no-repeat;background-size: cover;}
.swiper-pagination-bullet{opacity: inherit;border: 1px solid #fff;background: none}
.swiper-pagination-bullet-active{background: #fff}
.bodybg{background: #efefef}
.solution{padding:4vw 0;}
.wrapper{padding}
p.title{margin:4vw 4vw;color:#000;font-size:3.7vw;font-weight: bold; border-left: 1vw solid #4e63b5;padding-left:3vw;}
.item1{padding:4vw 0;width:33.3%;border-right:1px solid #dedede; text-align: center;border-bottom: 1px solid #dedede}
.item1:last-child,.item2:last-child{border-right:none;}
.wrapper img{width:5.1vw;height:16.8vw;}
.wrapper p,.wrapper span{font-size:3.2vw;color:#000;}
.item2{padding:4.4vw 0; width:50%;border-right:1px solid #dedede;  text-align: center;}
.item2 img{width:8vw;height:16vw; vertical-align: middle;margin-right: 4vw;}
.project_type_list ul li{width:100%;margin-bottom: 1.4vw}
.paoject img{width:100%;height:37.3vw;}
.mask{top:0;left:0;background: rgba(0, 0, 0, 0.35);width:100%;height:98%;color:#fff;text-align: center}
.mask h3{font-size:4.5vw;font-weight: 300;}
.mask i{display:block;height:0.4vw;width:6.6vw;background: #fff;margin:1vw auto;}
.mask span{font-size:3.4vw;}
.mask_cont{top:50%;left:50%; transform: translate(-50%,-50%);width: 100%;}
.production_line_list,.service_list,.company_infos{padding:0 2vw;}
.production_line_list ul li{width:46vw;margin-bottom: 4.2vw}
.production_line_list ul li img{height:37.3vw;}
.service_list ul li{width:48vw;background: #4259b0;position: relative;height:31.3vw;}
.service_list ul li i{z-index: 999;position: absolute;right:-2.4vw;top:50%;width:2.4vw;height:2.9vw; background: url(../images/jiant.png) no-repeat;transform: translateY(-50%);background-size: cover;}
.msks{width:100%;left:50%;top:50%;transform: translate(-50%,-50%); text-align: center;color:#fff;}
.msks img.border{width:6.3vw;height:1.1vw;margin:0 auto;display: block}
.msks h3{font-size:3.4vw;font-weight: 300}
.msks span{font-size:2.6vw;display: block;margin-top:1vw; margin-bottom: 2vw;}
.service_list ul li img.imgs{width:100%;height:100%;}
.service_list ul li.bgnone{background: none}
.service_list ul li.left i{left:-2.4vw;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.company_infos img{display: block;}
.company_infos p{font-size:3.2vw; line-height: 5vw;text-align: justify;    background: #fff;padding:1vw 3.4vw;}
#footer{width:100%;background: #4259b0; padding:2.2vw 0;}
#footer{position: fixed;left:0;bottom:0;width:100%;z-index:999;}
#footer ul li{width:25%; text-align: center}
#footer ul li h6{color:#fff;font-size:2.9vw;}
#footer ul li i{width:6.5vw;height:6.7vw;display:block;margin:0 auto 1.5vw;}
#footer ul li i.phone{background:url(../images/phone.jpg) no-repeat; background-size:contain; }
i.wechat{background:url(../images/wechat.jpg) no-repeat; background-size:contain; }
i.qq{background:url(../images/qq.jpg) no-repeat; background-size:contain; }
i.vedio{background:url(../images/vedio.jpg) no-repeat; background-size:contain; }
body{padding-bottom: 20vw}

/*内页*/
.swiper-pagination-bullet{width:10px;height:10px;}
.pro_info_cont i.tit{font-size:5.6vw;border-bottom: 1px solid #eaeaea;padding:4.2vw 0;text-align: center;display: block;font-style:inherit;}
.article{padding-top:6.6vw;}
.pro_info_cont p{text-align: justify;font-size:3.2vw; line-height: 7vw; text-indent:2em;color:#666666;}
.pn{margin:4.3vw 0;}
.pn span{background: #4259b0; padding:2vw;color:#fff;font-size:3.7vw;}
.pro_info_cont img{width:100%;margin-top:4.3vw;}

/*nav*/

.header_nav span{display:block;height: 3px;width: 6vw;background: #000;margin-top:1vw;border-radius: 2px;-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;
-ms-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;transition: all 200ms ease-out;}

/*#main,.toggle{-moz-transition: all .5s ease;-o-transition: all .5s ease;-webkit-transition: all .5s ease; transition: all .5s ease;}*/
.nav{position:fixed;top:0;right:0;overflow-y: auto;}
#sidebar-wrapper {
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    background: rgba(29, 27, 27, 0.72);;
    height: 100%;
    right: 40vw;
    margin-right: -40vw;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all .5s ease;
    width: 40vw;
    transform: translateX(40vw);
    padding-bottom: 28vw;
}

.overlay{position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0, 0, 0, 0);z-index:100;display:none; overflow: hidden}

.main{-moz-transition: all .5s ease;-o-transition: all .5s ease;-webkit-transition: all .5s ease; transition: all .5s ease;}
#main .toggle{transform: translateX(-40vw);}
#main .widths{transform: translateX(0vw);}
nav{padding-top:4vw;}
nav ul li{border-bottom:1px solid #dedede; padding:3vw 1vw;}
nav ul li a{color:#fff;padding-left:1vw;font-size:3.2vw;}

.article img{width:100%;}
p.strong{color:#000;}
.overl{width:100%;overflow-x: scroll;}
table{border-spacing: 0; border-color:none: }table tr{font-size: 0;}
table td { border:1px solid #dedede; border-collapse:collapse;}table{display:table-cell;}
table tr td{height:10vw;padding: 0px 1vw;font-size: 3.6vw; text-align: center;}
/*table tr td:first-child{width:20vw;box-sizing:border-box;display: block;line-height: 10vw;background: #f5f5f5;border-bottom: 0;border-right: 0px;position: relative;top:-0.5px;}
table tr td:first-child{width:20vw;} table tr:last-child td:first-child{border-bottom: 1px solid #dedede;box-sizing: border-box;padding-bottom: 1px;}*/

table tr td:first-child{padding: 0px 6vw;white-space: nowrap;font-weight: bold; background:#f5f5f5 }
#footer ul li .posiab{top:-53vw;right:-200%; width:24vw;background: #fff;box-shadow: 1px 1px 20px #A6A6A6;opacity: 0}
#footer ul li .posiab a{display: block;line-height: 10vw;border-bottom: 1px solid #dedede;}
.toggles .posiab{-moz-transition: all .5s ease;-o-transition: all .5s ease;-webkit-transition: all .5s ease; transition: all .5s ease;}
#footer ul li.toggles .active{right:0;opacity: 1}
.vedio{height:60vw;margin-bottom: 10vw;}
.vedio video{height:60vw;}
.vedio h3{font-size:5vw;text-align: center;padding-top:2vw;}
.nav ul li span{color:#fff;float:right;}
.navpo{display:none;}
.navpo a{color: rgba(255, 255, 255, 0.72);display: block;font-size:3vw;padding-left:4vw;line-height: 8vw;border-bottom: 1px solid rgba(255, 255, 255, 0.72)}
.body{position: fixed;top:0;left:0;z-index:0; overflow:hidden;}
.bodymask{display:none;position:fixed;top:0;left:0;background: rgba(0, 0, 0, 0.5);width:100%;height:100%;z-index:99;}
.erweimas{display:none;position: fixed; top:50%;left:50%;width:70vw;height:85vw;background: #fff;margin-top:-42.5vw;margin-left:-35vw;z-index: 999; text-align: center;border-radius: 2vw;}
.erweimas img{width:90%; display: block;margin:0 auto;padding: 2vw 0;}